<template>
   <div class="no-data">
     <div class="data">
       <span class="icon"></span>
       <span class="text">暂无数据</span>
     </div>
   </div>
</template>
<script>
export default {
  name: 'NoData',
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {

  }
};
</script>
<style lang="scss" scoped>
.no-data{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 510px;
  .data{
    display: inline-block;
    color: #333;
    font-size:30px;
    padding-top: 260px;
    .icon{
      display: block;
      width:347px;
      height: 226px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('/static/images/icon-nodata.png');
    }
    .text{
      font-size: 30px;
      display: block;
      text-align: center
    }
  }
}
</style>
